<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE >
<html>

<head>
	<base href="<%=basePath%>">
	<title>NIPT检测</title>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="icon" href="favicon.ico" />
	<link href="static/manage-sys/css/bootstrap.min.css" rel="stylesheet" />
	<link href="static/manage-sys/css/font-awesome.min.css" rel="stylesheet" />
	<link href="static/manage-sys/css/default.css" rel="stylesheet" type="text/css" />
	<script src="static/manage-sys/js/jquery.min.js"></script>
	<!--[if lt IE 9]>
	<script src="js/bootstrap/html5shiv.min.js"></script>
	<script src="js/bootstrap/respond.min.js"></script>
	<![endif]-->
	<!--页面加载进度条-->
	<link href="static/manage-sys/css/pace/dataurl.css" rel="stylesheet" />
	<script src="static/manage-sys/js/pace/pace.min.js"></script>
	<script src="static/manage-sys/js/jquery.scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
	<script src="static/manage-sys/js/jquery.extend.js" type="text/javascript"></script>
	<script src="static/manage-sys/js/default.js" type="text/javascript"></script>

	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/easyui/themes/ui-cupertino/easyui.css" />
	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/icon.css" />
	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/uims.css" />
	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/temp.css" />
	<!-- NIPT检测页面样式-->
	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/nifty.css" />

	<script type="text/javascript" src="static/manage-sys/add-sample/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="static/manage-sys/add-sample/easyui/locale/easyui-lang-zh_CN.js"></script>

	<script src="static/manage-sys/js/bootstrap/bootstrap.min.js"></script>
	<script src="static/manage-sys/js/bootstrap/bootstrap-table.min.js"></script>
	<script src="static/manage-sys/js/bootstrap/bootstrap-table-zh-CN.min.js"></script>

	<script type="text/javascript" src="static/manage-sys/add-sample/js/dataGridCellTip.js"></script>
	<script type="text/javascript" src="static/manage-sys/add-sample/js/validate.js"></script>
	<script type="text/javascript" src="static/manage-sys/add-sample/js/json2.js"></script>

	<!-- artTemplate 模板引擎 -->
	<script src="static/manage-sys/js/template-web.js" type="text/javascript"></script>

	<script type="text/javascript">

        $(document).ready(function(){
            //读取
            var newsObject = sessionStorage.getItem('sampleInfos');
            //重新转换为对象
            newsObject = JSON.parse(newsObject);
            //alert(newsObject.customerName);

            $("#productName").text(newsObject.productName);
            $("#customerNameId").text(newsObject.customerName);
            $("#departmentsId").text(newsObject.departments);
            $("#bloodDateId").text(newsObject.bloodDate);
            $("#sampleNameId").text(newsObject.sampleName);
            $("#idCardId").text(newsObject.idCard);
            $("#motherPhoneNumId").text(newsObject.motherPhoneNum);
            $("#sampleAgeId").text(newsObject.sampleAge);
            $("#husbandPhoneNumId").text(newsObject.husbandPhoneNum);
            $("#bodyWeightId").text(newsObject.bodyWeight);
            $("#bodyHeightId").text(newsObject.bodyHeight);
            $("#lmpId").text(newsObject.lmp);
            $("#clinicalDiagnosisId").text(newsObject.clinicalDiagnosis);
            $("#doctorNameId").text(newsObject.doctorName);
            $("#familyAddressId").text(newsObject.familyAddress);
            $("#familyProduceId").text(newsObject.familyProduce);
            $("#stillbirthNumId").text(newsObject.stillbirthNum);
            $("#naturalAbortionNumId").text(newsObject.naturalAbortionNum);
            $("#gestationalWeeksId").text(newsObject.gestationalWeeks);
            $("#couponNum").text(newsObject.couponNum);

            if(newsObject.pregnancy){

                if(newsObject.pregnancy == 0){
                    $("#pregnancyId").text("自然受孕");
                }else if(newsObject.pregnancy == 1){
                    $("#pregnancyId").text("促排卵");
                }else if(newsObject.pregnancy == 2){
                    $("#pregnancyId").text("宫内人工受精");
                }else{
                    $("#pregnancyId").text(newsObject.pregnancy);
                }
            }

            if(newsObject.adosculation){

                if(newsObject.adosculation == 1){
                    $("#adosculationId").text("是");
                }else{
                    $("#adosculationId").text("否");
                }
            }
            //0：13三体，1：18三体，2：21三体,3：神经管缺陷，4：其他',

            if(newsObject.ckTestOther){
                var ckTestOtherStr = "";
                var others = newsObject.ckTestOther.split(",");
                for(var i=0; i<others.length; i++){
                    if(others[i] == 0){
                        ckTestOtherStr = ckTestOtherStr + "13三体";
                    }else if(others[i] == 1){
                        ckTestOtherStr = ckTestOtherStr + "18三体";
                    }else if(others[i] == 2){
                        ckTestOtherStr = ckTestOtherStr + "21三体";
                    }else if(others[i] == 3){
                        ckTestOtherStr = ckTestOtherStr + "神经管缺陷";
                    }else if(others[i] == 4){
                        ckTestOtherStr = ckTestOtherStr + "其他";
                    }
                }
                $("#ckTestOtherId").text(ckTestOtherStr);
            }else{
                $("#ckTestOtherId").text("否");
            }


            $("#pregnancyNumId").text(newsObject.pregnancyNum);
            $("#produceNumId").text(newsObject.produceNum);
            $("#personalReproductiveHistoryId").text(newsObject.personalReproductiveHistory);

            if(newsObject.gravidaKaryotype){

                if(newsObject.gravidaKaryotype == 1){
                    $("#gravidaKaryotypeId").text("正常");
                }else if(newsObject.gravidaKaryotype == 2){
                    $("#gravidaKaryotypeId").text("异常");
                }else if(newsObject.gravidaKaryotype == 0){
                    $("#gravidaKaryotypeId").text("未做");
                }else{
                    $("#gravidaKaryotypeId").text(newsObject.gravidaKaryotype);
                }
            }

            if(newsObject.husbandKaryotype){

                if(newsObject.husbandKaryotype == 1){
                    $("#husbandKaryotypeId").text("正常");
                }else if(newsObject.husbandKaryotype == 2){
                    $("#husbandKaryotypeId").text("异常");
                }else if(newsObject.husbandKaryotype == 0){
                    $("#husbandKaryotypeId").text("未做");
                }else{
                    $("#husbandKaryotypeId").text(newsObject.husbandKaryotype);
                }
            }

            if(newsObject.allogeneticTransfusion){

                if(newsObject.allogeneticTransfusion == 1){
                    $("#allogeneticTransfusionId").text("有（不接受）");
                }else{
                    $("#allogeneticTransfusionId").text("无");
                }
            }
            if(newsObject.cellularImmunity){

                if(newsObject.cellularImmunity == 1){
                    $("#cellularImmunityId").text("有（不接受）");
                }else{
                    $("#cellularImmunityId").text("无");
                }
            }
            if(newsObject.surgicalTransplantation){

                if(newsObject.surgicalTransplantation == 1){
                    $("#surgicalTransplantationId").text("有（不接受）");
                }else{
                    $("#surgicalTransplantationId").text("无");
                }
            }
            if(newsObject.stemCell){

                if(newsObject.stemCell == 1){
                    $("#stemCellId").text("有（不接受）");
                }else{
                    $("#stemCellId").text("无");
                }
            }


            if(newsObject.btypeAbnormal){

                if(newsObject.btypeAbnormal == 1){
                    var btypeAbnormalStr = "有";
                    if(newsObject.btypeAbnormalDesc){
                        btypeAbnormalStr = btypeAbnormalStr + "&nbsp;&nbsp;&nbsp;&nbsp;" + newsObject.btypeAbnormalDesc;
                    }
                    $("#btypeAbnormalId").text(btypeAbnormalStr);
                }else{
                    $("#btypeAbnormalId").text("无");
                }
            }

            if(newsObject.btypeUltrasonic){

                if(newsObject.btypeUltrasonic == 0){
                    $("#btypeUltrasonicId").text("单胎");
                }else if(newsObject.btypeUltrasonic == 1){
                    $("#btypeUltrasonicId").text("双胎");
                }else if(newsObject.btypeUltrasonic == 2){
                    $("#btypeUltrasonicId").text("三胎及以上");
                }else{
                    $("#btypeUltrasonicId").text(newsObject.btypeUltrasonic);
                }
            }

            if(newsObject.ntValue){
                $("#ntValue").text(newsObject.ntValue);
            }

            if(newsObject.trisomy21){
                $("#trisomy21").text(newsObject.trisomy21);
            }

            if(newsObject.trisomy18){
                $("#trisomy18").text(newsObject.trisomy18);
            }
        });
	</script>
	<style>
		.container{
			overflow: hidden;
		}
		.content{
			margin: 20px auto;
		}
		.title{
			margin:20px auto;
			text-align: center;
		}
		.title span{
			display:inline-block;
			line-height: 50px;
			font-size:30px;
		}
		.blue-tr{
			height: auto;
			padding: 5px 10px;
		}
		.groupCont{
			margin: 5px auto;
		}
		.contList{
			font-size:15px;
			line-height: 28px;
			border-bottom: 1px dashed #a7a7a7;
			padding:0px 0px 0px 15px ;
		}
		.t-group-title{
			font-size: 18px;
			font-weight: bold;
		}

		.t-group-item{
			display: inline-block;
			width:45%;
		}
	</style>
</head>

<body>
<!--我是主要内容-->
<div class="container">
	<div class="content">
		<div class="title"><span id="productName"></span></div>
		<div class="second-table t-group">
			<div class="blue-tr">
				<div class="droppable t-group-title">免费券信息</div>
			</div>
			<div class="groupCont">
				<div class="contList">
                   <span class="field t-group-item">
                       <i class="t-name t-require">免费券编码</i>：
                       <span id="couponNum"></span>
                   </span>
				</div>

			</div>
		</div>
		<div class="second-table t-group">
			<div class="blue-tr">
				<div class="droppable t-group-title">关键信息</div>
			</div>
			<div class="groupCont">
				<div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name t-require">送检单位</i>：
                        <span id="customerNameId"></span>
                    </span>
					<span class="field t-group-item">
                        <i class="t-name">科室</i>：
                        <span id="departmentsId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name t-require">姓名</i>：
                        <span id="sampleNameId"></span>
                    </span>
					<span class="field t-group-item">
                        <i class="t-name t-require">采样日期</i>：
                        <span id="bloodDateId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name t-require">孕周</i>：
                        <span id="gestationalWeeksId"></span>
                    </span>
					<span class="field t-group-item">
                        <i class="t-name t-require">身份证/护照</i>：
                        <span id="idCardId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name t-require">联系电话</i>：
                        <span id="motherPhoneNumId"></span>
                    </span>
					<span class="field t-group-item">
                        <i class="t-name">丈夫电话</i>：
                        <span id="husbandPhoneNumId"></span>
                    </span>
				</div>
			</div>
		</div>
		<div class="second-table t-group">
			<div class="blue-tr">
				<div class="droppable t-group-title">基本情况</div>
			</div>
			<div class="groupCont">
				<div class="contList">
                   <span class="field t-group-item">
                       <i class="t-name t-require">年龄</i>：
                       <span id="sampleAgeId"></span>
                   </span>
					<span class="t-group-item">
                        <i class="t-name">体重</i>：
                        <span id="bodyWeightId"></span>
                        <i class="t-unit">公斤</i>
                    </span>
				</div>
				<div class="contList">
                    <span class="t-group-item field">
                        <i class="t-name">身高</i>：
                        <span id="bodyHeightId"></span>
                        <i class="t-unit">厘米</i>
                    </span>
					<span class="field t-group-item">
                        <i class="t-name">末次月经</i>：
                        <span id="lmpId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="t-group-item field">
                        <i class="t-name">临床诊断</i>：
                    <span id="clinicalDiagnosisId"></span>
                    </span>
					<span class="field t-group-item">
                        <i class="t-name">医生姓名</i>：
                        <span id="doctorNameId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="field t-group-item" style="width: 100%;">
                        <i class="t-name">通讯地址（或电子邮箱）</i>：
                        <span id="familyAddressId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="group-field field t-group-item" validate="required">
                        <i class="t-name">本次妊娠方式</i>：
                        <span id="pregnancyId"></span>
                    </span>
					<span class="group-field field t-group-item" style="text-align: left;" validate="required">
                        <i class="t-name t-require">是否IVF</i>：
                        <span id="adosculationId"></span>
                    </span>
				</div>
                <div class="contList">
                    <span class="group-field field t-group-item" validate="required">
                        <i class="t-name">NT测定值</i>：
                        <span id="ntValue"></span>mm
                    </span>
                    <span class="group-field field t-group-item" style="text-align: left;" validate="required">
                        <i class="t-name t-require">21三体综合症</i>：
                        1/<span id="trisomy21"></span>
                    </span>
                </div>
                <div class="contList">
                    <span class="group-field field t-group-item" style="text-align: left;" validate="required">
                        <i class="t-name t-require">18三体综合症</i>：
                        1/<span id="trisomy18"></span>
                    </span>
                </div>
			</div>
		</div>
		<div class="second-table t-group">
			<div class="blue-tr">
				<div class="droppable t-group-title">既往病史</div>
			</div>
			<div class="groupCont">
				<div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name">生育史</i>：
                        <span id="personalReproductiveHistoryId"></span>
                        <i class="t-type" data-value="split"></i>
                        <i class="t-unit"></i>
                        <span class="t-group-item-split">
                            <i class="t-name">孕</i>
                            <span id="pregnancyNumId"></span>
                            <i class="t-unit">次</i>
                        </span>
                        <span class="t-group-item-split">
                            <i class="t-name">产</i>
                            <span id="produceNumId"></span>
                            <i class="t-unit">次</i>,
                        </span>
                    </span>
					<span class="field t-group-item">
                        <i class="t-name">家族史</i>：
                        <span id="familyProduceId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="group-field field t-group-item" validate="required">
                        <i class="t-name">不良孕产史</i>：
                        <span id="abnormalPregnancyHistoryId"></span>
                    </span>
					<span class="field t-group-item">
                        <i class="t-name t-require">自然流产次数</i>：
                        <span id="naturalAbortionNumId"></span>
                        <i class="t-unit" style="display: none;">次</i>
                        <span>次</span>
                    </span>
				</div>
				<div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name">死胎病史</i>：
                        <span id="stillbirthNumId"></span>
                        <span>&nbsp;&nbsp;</span>
                        <i class="t-unit" style="display: none;">次</i>
                        <span>次</span>
                    </span>
					<span class="group-field field t-group-item" validate="required">
                        <i class="t-name">畸形儿孕产史</i>：
                        <span id="ckTestOtherId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="group-field field t-group-item" validate="required">
                        <i class="t-name">孕妇染色体核型</i>：
                        <span id="gravidaKaryotypeId"></span>
                    </span>
					<span class="group-field field t-group-item" validate="required">
                        <i class="t-name">丈夫染色体核型</i>：
                        <span id="husbandKaryotypeId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="group-field field t-group-item" validate="required">既往史:
                        <i class="t-name t-require">一年内异体输血</i>：
                        <span id="allogeneticTransfusionId"></span>
                    </span>
					<span class="group-field field t-group-item" validate="required">
                        <i class="t-name t-require">四周内异体细胞免疫</i>：
                        <span id="cellularImmunityId"></span>
                    </span>
				</div>
				<div class="contList">
                    <span class="group-field field t-group-item" validate="required">
                        <i class="t-name t-require">移植手术</i>：
                        <span id="surgicalTransplantationId"></span>
                    </span>
					<span class="group-field field t-group-item" validate="required">
                        <i class="t-name t-require">干细胞治疗</i>：
                        <span id="stemCellId"></span>
                    </span>
				</div>
			</div>
		</div>
		<div class="second-table t-group">
			<div class="blue-tr">
				<div class="droppable t-group-title">辅助检查</div>
			</div>
			<div class="groupCont">
				<div class="contList">
                    <span class="group-field field t-group-item">
                        <i class="t-name">B超异常</i>：
                        <span id="btypeAbnormalId"></span>&nbsp;&nbsp;&nbsp;&nbsp;
                        <span id="btypeAbnormalDescId"></span>
                    </span>
					<span class="group-field field t-group-item"  validate="required">
                        <i class="t-name">胎数</i>：
                        <span id="btypeUltrasonicId"></span>
                    </span>
				</div>
			</div>
		</div>
		<div class="second-table t-group">
			<div class="blue-tr">
				<div class="droppable t-group-title">产品信息</div>
			</div>
			<div class="groupCont">
				<div class="contList">
                    <span class="field t-group-item-product">
                        <b>
                            <span id="productName_DX0558" class="t-product-name">胎儿染色体非整倍体（T21、T18、T13）检测（联合探针锚定连接测序法）</span>
                        </b>（<i class="t-product-value">DX0558</i>）
                    </span>
				</div>
			</div>
		</div>
	</div>

</div>


</body>
</html>